<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>文档</title>
  <link href="./css/semantic/semantic.min.css" rel="stylesheet">
  <link href="./css/oscTree.css" rel="stylesheet">
  <link href="./css/markdown.css" rel="stylesheet">
  <link href="./css/index.css" rel="stylesheet">
</head>
<body>
  <div class="ui container">
    <div id="project-title">
      <div class="title-wrap">
        <div class="left">
          <i class="icon eye"></i>
          文档预览:
          <span id="preview-title"></span>
        </div>
        <div class="right">
          Export by Gitee
        </div>
      </div>
    </div>

    <div class="ui container" id="wiki-preview-container">
      <div id="wiki-preview">
        <div class="ui segment">
          <div class="ui grid page">
            <div class="three wide column doc-list">
              <div class="title">
                <a id="ex-all">
                  收缩全部章节
                </a>
              </div>
              <div class="ztree" id="tree"></div>
            </div>
            <div class="thirteen wide column doc-content">
              <div id="page-detail">
                <div class="title">
                </div>
                <div class="content markdown-body">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
  </div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/ztree.all.js"></script>
<script src="./js/jquery.ztree.exhide.min.js"></script>
<script>
  var zTreeObj;var expandStatus=true;$(document).ready(function(){var setting={view:{showLine:true,showIcon:true},callback:{onClick:function(e,treeId,treeNode){if(treeNode!==null&&!treeNode.isParent&&typeof(treeNode.children)==="undefined"){var sort_id=treeNode.sort_id;var content=json_data.content;for(var c in content){if(c==sort_id){$("#page-detail .title").html(treeNode.name);$("#page-detail .content").html(content[c]);return false}}}else{zTreeObj.expandNode(treeNode)}}},data:{simpleData:{enable:true}}};zTreeObj=$.fn.zTree.init($("#tree"),setting,json_data.title);var first_content=json_data.title[0];$("#page-detail .title").html(first_content.name);$("#page-detail .content").html(json_data.content[first_content.sort_id]);$("#preview-title").html(json_data.preview_title);$("#ex-all").on("click",function(e){zTreeObj.expandAll(!expandStatus);expandStatus=!expandStatus;if(expandStatus){$(this).text("收缩全部章节")}else{$(this).text("展开全部章节")}})});
</script><script>var json_data = {"preview_title":"DocPage","title":[{"id":"01.避免关节转动扭曲","pId":"121a1bb","name":"01.避免关节转动扭曲","parent":"3D动画篇","order":0,"sort_id":1148850,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/anime/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"01.入门","pId":"a27b500","name":"01.入门","parent":"实时卡通渲染篇","order":0,"sort_id":1148868,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"01.制作过程的阶段","pId":"3eaead8","name":"01.制作过程的阶段","parent":"游戏开发篇","order":0,"sort_id":1148826,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/game/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"白话笔记系列","pId":0,"name":"白话笔记系列","parent":null,"order":0,"sort_id":1148819,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E一些内容创作有关的笔记，一些个人想法和记录。\n做作品，做工具，写笔记。\u003C/p\u003E\n\u003Cp\u003E微博@万俊康\nQQ群530779861，水群530445685。\u003C/p\u003E"},{"id":"02.明暗过渡","pId":"a27b500","name":"02.明暗过渡","parent":"实时卡通渲染篇","order":1,"sort_id":1148869,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/02.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"3eaead8","pId":0,"name":"游戏开发篇","parent":"","sort_id":1148831,"order":1,"isParent":true,"extname":null,"open":true},{"id":"02.如何出发做设计","pId":"3eaead8","name":"02.如何出发做设计","parent":"游戏开发篇","order":1,"sort_id":1148829,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/game/02.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"01.弹簧头发","pId":"4f78aa1","name":"01.弹簧头发","parent":"物理模拟篇","order":1,"sort_id":1148867,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/physic/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"121a1bb","pId":0,"name":"3D动画篇","parent":"","sort_id":1148849,"order":2,"isParent":true,"extname":null,"open":true},{"id":"03.山坡和色表（Ramp贴图）","pId":"a27b500","name":"03.山坡和色表（Ramp贴图）","parent":"实时卡通渲染篇","order":2,"sort_id":1148870,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/03.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"a27b500","pId":0,"name":"实时卡通渲染篇","parent":"","sort_id":1148864,"order":3,"isParent":true,"extname":null,"open":true},{"id":"04.阴影区域","pId":"a27b500","name":"04.阴影区域","parent":"实时卡通渲染篇","order":3,"sort_id":1148871,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/04.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"05.高光和MatCap","pId":"a27b500","name":"05.高光和MatCap","parent":"实时卡通渲染篇","order":4,"sort_id":1148873,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/05.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"4f78aa1","pId":0,"name":"物理模拟篇","parent":"","sort_id":1148866,"order":4,"isParent":true,"extname":null,"open":true},{"id":"06.环境反射和全景图","pId":"a27b500","name":"06.环境反射和全景图","parent":"实时卡通渲染篇","order":5,"sort_id":1148876,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/06.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"07.折射和扭曲贴图","pId":"a27b500","name":"07.折射和扭曲贴图","parent":"实时卡通渲染篇","order":6,"sort_id":1148879,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/07.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"08.MatCap贴图制作","pId":"a27b500","name":"08.MatCap贴图制作","parent":"实时卡通渲染篇","order":7,"sort_id":1148921,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/08.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"09.体积雾，舞台光","pId":"a27b500","name":"09.体积雾，舞台光","parent":"实时卡通渲染篇","order":8,"sort_id":1148926,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/09.jpg\" alt=\"image\"\u003E\u003C/p\u003E"},{"id":"10-1.空间和坐标","pId":"a27b500","name":"10-1.空间和坐标","parent":"实时卡通渲染篇","order":9,"sort_id":1148931,"extname":".md","isParent":false,"isHidden":false,"content":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/10.jpg\" alt=\"image\"\u003E\u003C/p\u003E"}],"content":{"1148850":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/anime/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148868":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148826":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/game/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148819":"\u003Cp\u003E一些内容创作有关的笔记，一些个人想法和记录。\n做作品，做工具，写笔记。\u003C/p\u003E\n\u003Cp\u003E微博@万俊康\nQQ群530779861，水群530445685。\u003C/p\u003E","1148869":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/02.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148829":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/game/02.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148867":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/physic/01.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148870":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/03.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148871":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/04.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148873":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/05.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148876":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/06.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148879":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/07.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148921":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/08.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148926":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/09.jpg\" alt=\"image\"\u003E\u003C/p\u003E","1148931":"\u003Cp\u003E\u003Cimg src=\"https://gitee.com/wjk/DocPage/raw/master/shader/10.jpg\" alt=\"image\"\u003E\u003C/p\u003E"}}</script>